<template>
	<div class="wrap">
		<div class="title">
		<p>换绑手机</p>
		</div>
		<div class="phone">
			
				<div class="one">
				<img src="../../assets/img/geren/huijuxing.png"/>
					<router-link to="/ziliao01"><p>1.验证原手机号</p></router-link>
			</div>
			
			<div class="two">
				<img src="../../assets/img/geren/juxing.png"/>
				<router-link to="/ziliao02"><p>2.验证手机号</p></router-link>
			</div>
			<div class="three">
				<img src="../../assets/img/geren/green03.png"/>
				<p>3.换绑成功</p>
			</div>
			<img class="duide" src="../../assets/img/geren/duide.png"/>
			<p class="xiugai">恭喜您修改成功</p>
			</div>
			</div>
</template>

<script>
</script>

<style scoped="scoped">
	.wrap {
		width: 1085px;
		height: 625px;
		float: left;
		margin-left: 20px;
		border: 1px solid #e7e7e7;
		margin-bottom: 40px;
	}
	.title{
		width: 1085px;
		height: 57px;
		border-bottom: 1px solid #E7E7E7;
	}
	.title p{
		font-size: 18px;
		line-height: 57px;
		margin-left: 21px;
	}
	.one,.two,.three{
		position: relative;
	}
	.one img{
		position: absolute;
		left: 41px;
		top: 41px;
	}
	.one p{
		position: absolute;
		font-size: 16px;
		/*color: white;*/
		left: 91px;
		top: 52px;
	}
	.two img{
		position: absolute;
		left: 267px;
		top: 41px;
	}
	.two p{
		position: absolute;
		font-size: 16px;
		left: 332px;
		top: 52px;
	}
	.three img{
		position: absolute;
		left: 505px;
		top: 41px;
	}
	.three p{
		position: absolute;
		color: white;
		font-size: 16px;
		left: 597px;
		top: 52px;
	}
	.duide{
		margin-left: 260px;
		margin-top: 348px;
	}
	.xiugai{
		color:#ec6a17;
		font-size: 18px;
		margin-left: 322px;
		margin-top: -35px;
	}
</style>